/*页面整体*/
.content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
/*轮播图部分*/
.box_swiper{
	width: 750rpx;
	height: 25vh;
	display: flex;
	align-items: center;
	justify-content: center;
}
.swiper_img{
	width: 100%;
	height: 100%;
}

/*门图标显示区域*/
.box_door{
	width: 750rpx;
	height: 50vh;
	background-image: url(https://tianweiwuye.oss-cn-beijing.aliyuncs.com/file/201909301613325556011bbddb0b39e1/bg3.png);
	background-repeat:no-repeat; 
	background-size:100% 100%;
	-moz-background-size:100% 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.door_item{ /*每一个门容器，上图标下文字*/
	width: 220rpx;
	height: 270rpx;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	
	margin-left: 10rpx;
	margin-right: 10rpx;
}
.door_item_up{
	width: 220rpx;
	height: 220rpx;
	display: flex;
	justify-content: center;
	align-items: center;
}
.up_image{ /*导航图标的样式*/
	width:220rpx;
	height:220rpx;
}
.down_item_down{
	width: 220rpx;
	height: 50rpx;
	color: #FFFAFA;
	font-size:35rpx;
	line-height: 50rpx;
	text-align: center;
	font-family: MicrosoftYaHei;
	word-wrap:break-word;
}

/*底部开门按钮区域*/
.box_bottom{
	width: 750rpx;
	height: 25vh;
	background-image: url(https://tianweiwuye.oss-cn-beijing.aliyuncs.com/file/201909301613325556011bbddb0b39e1/bg3.png);
	background-repeat:no-repeat; 
	background-size:100% 100%;
	-moz-background-size:100% 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.bottom_img{
	width: 150rpx;
	height: 150rpx;
}
.bottom_txt{
	height: 150rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 40rpx;
	color: #FFFAFA;
	line-height: 150rpx; 
	margin-left: 10rpx;
}

/*车辆管理员单独开智能钥匙柜的界面样式*/
.key_line{ /*储物柜行容器*/
	width:650rpx;
	min-height:150rpx;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-shrink: 0; /*表示不可被压缩*/
	flex-wrap: wrap;
}
.key_line_item{ /*每一个柜子容器*/
	width: 180rpx;
	height: 130rpx;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	background-color: #EDF3F7; /*根据开关门状态分别放置3种背景颜色*/
	border-radius: 16rpx;
	margin-right: 35rpx;
	margin-top: 30rpx;
}
.key_line_item_1{
	width: 180rpx;
	height: 60rpx;
	color: #FFFFFF;
	font-size: 30rpx;
	line-height: 60rpx;
	text-align: center;
	font-family: MicrosoftYaHei;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.key_line_item_2{
	width: 180rpx;
	height: 70rpx;
	color: #FFFFFF;
	font-size: 30rpx;
	line-height: 70rpx;
	text-align: center;
	font-family: MicrosoftYaHei;
}
.key_color{
	background-color: #ECA93E; /*桔色（已打开）*/
	background-color: #0475FF; /*蓝色（正常）*/
	background-color: #E51410; /*红色（故障）*/
	background-color: #182245; /*墨兰（备用）*/
}